<template>
  <div>
     <!-- ------------------列表------------------ -->
    <el-table :data="finallyList" border style="width: 100%">
      <el-table-column prop="finalOrderId" label="最终订单ID" width="180"></el-table-column>
      <el-table-column prop="finalOrderNo" label="订单编号" width="180">
      </el-table-column>
      <el-table-column prop="orderFormOrigin" label="出发地"> </el-table-column>
      <el-table-column prop="orderFormDestination" label="目的地"> </el-table-column>
      <el-table-column prop="orderFormPeopleNum" label="人数"> </el-table-column>
      <el-table-column prop="orderFormBudget" label="预算"> </el-table-column>
      <el-table-column prop="customizationName" label="定制师名称"> </el-table-column>
      <el-table-column prop="finalOrderCreateTime" label="订单创建时间"> </el-table-column>
      <el-table-column prop="finalOrderUnpaid" label="待支付金额"> </el-table-column>
      <el-table-column prop="finalOrderActualPayment" label="实际支付金额"> </el-table-column>
      <el-table-column prop="finalOrderState" label="订单状态"> </el-table-column>
        <el-table-column prop="staffRealName" label="财务人员"> </el-table-column>
        <el-table-column prop="modeOfPaymentName" label="支付方式"> 
        <!-- <template slot-scope="scope">                    
       <p v-if="scope.row.modeOfPaymentName=='0'">微信</p>
       <p v-if="scope.row.modeOfPaymentName=='1'">支付宝</p>
       </template> -->
        </el-table-column>
        
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
        finallyList:[]
    };
  },
  methods: {
     loadRefound() {
      this.$axios.get("finally/queryAll").then((res) => {
        this.finallyList = res.data.data.finallyList;
      });
    },
  },
  mounted() {
    this.loadRefound();
  }
};
</script>